<button id="hash_btn" class="hide"></button>
<input type="hidden" id="intUserID" />
<input type="hidden" id="intChekuplogID" />
<input type="hidden" id="intDiaryID" />
<input type="hidden" id="intTipofthedayID" />
<input type="hidden" id="intSettingsID" />
<input type="hidden" id="intChecklistID" />
<input type="hidden" id="intObDirID" />
<input type="hidden" id="intAdsID" />
<input type="hidden" id="intOBDirectoryID" />
<input type="hidden" id="intUID" />
<input type="hidden" id="intUIDadmin" />
<input type="hidden" id="intPromoID" />
<input type="hidden" id="intCode" />
<!-- login -->
<div class="box-wrapper-login">
	<div class="login-box box-bg img-rounded">
		<form id="myForm_login">
			<div class="title title-login">
				<span>Log In - Admin Dashboard</span>
			</div>
			<div class="inputs login-input">
				<span><input type="text" name="strEmail" id="strEmail" placeholder="Email" class="email required"/></span>
				<span><input type="password" name="strPassword" id="strPassword" placeholder="Password" /></span>
				<span><input type="checkbox" name="strRememberMe" id="strRememberMe" />&nbsp;<i>Remember Me</i></span>
			</div>
			<div class="button login-button">
				<span><a class="btn-login img-rounded">Log In</a></span>
			</div>
		</form>
	</div>
	<div class="error error-msg login-part">&nbsp;</div>
</div>

<!-- admin dashboard -->
<div class="admin-wrapper-box hide">
		<div class="navbar">
			<div class="navbar-inner">
				<img src="<?=base_url()?>assets/img/logo.png" alt="logo"/>
				<div class="admin-name">
					<span id="admin_name"></span> &bull; <button class="btn btn-link logout-dashboard sign-out-btn">Logout</button>
				</div>
			</div>
		</div>
	<div class="dashboard-topnav">
		<div class="navbar navigation-menu navbar-inverse">
			<div class="navbar-inner">
				<div class="mobile_menu_nav">
		            <a class="btn btn-navbar collapsed" data-target=".nav-collapse" data-toggle="collapse">
		             	<span class="icon-bar"></span>
		             	<span class="icon-bar"></span>
		             	<span class="icon-bar"></span>
		            </a>
					<div class="nav-collapse collapse menu_nav_toggle" style="height: 0px;">
						<ul class="nav">
							<li><a href="javascript:togglenav('home')">Home</a></li>
							<li><a href="javascript:togglenav('settings')">Settings</a></li>
							<li><a href="javascript:togglenav('users')">User Client</a></li>
							<li><a href="javascript:togglenav('usersadmin')">User Admin</a></li>
							<li id="mobile_nav"></li>
						</ul>
					</div>	
				</div>
			</div>
		</div>
	</div>
	<div class="admin-box">
		<div class="content-wrapper-dashboard">
			<div class="left-wrapper-dashboard">
					<div id="icons-panel" class="icons icon-panel"></div>
			</div>
			<div class="right-wrapper-dashboard">
			
				<!-- HOMEPAGE -->
			
				<div class="jtn-dashboard-home box-bg img-rounded nav-control" id="home">
					<div class="page-title title-dashboard">
						<span>Journey to 9 - Admin Dashboard</span>
					</div>
					<div class="content-dashboard-wrapper">
						<div class="app-stat">
							<ul>
								<li class="app-header"><i class="icon-circle-arrow-up"></i>APP Statistics</li>
								<li class="app-left-content">Facebook APP Statistics</li>
								<li class="app-right-content">
									<span class="lbl">APP FB Name</span> &raquo; <i class="icon-tags"></i> <span id="FBname"></span>
									<br />
									<span class="lbl">APP FB Likes</span> &raquo; <i class="icon-thumbs-up"></i> <span id="FBlikes"></span>
									<br />
									<span class="lbl">No. of talking about</span> &raquo; <i class="icon-comment"></i> <span id="FBtalks"></span>
								</li>
								<li class="app-left-content">Database APP Statistics</li>
								<li class="app-right-content">
									<span class="lbl">Registered Users</span> &raquo; <i class="icon-user"></i> <span id="userCount"></span>
								</li>
							</ul>
						</div>
					</div>
				</div>
				
				<!-- SYSTEM SETTINGS -->
				
				<div class="jtn-dashboard-settings box-bg hide img-rounded nav-control" id="settings">
					<div class="page-title title-dashboard">
						<span>Admin Dashboard Settings</span>
					</div>
					<div class="content-dashboard-wrapper">
						<div id="settings_content"></div>
						<div id="editSettings" class="hide">
							<div id="settingsSuccess"></div>
							<div class="left-view-wrapper">
								<span id="strVarSetting"></span>
								<div class="clearfix"></div>
								<span><textarea id="strValue" class="span4"></textarea></span>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="submitSettings">Save Changes</button></span>
							</div>
							<div class="back-btn-settings"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>
				
				<!-- QR/PROMO CODE -->
				
				<div class="jtn-dashboard-promo box-bg hide img-rounded nav-control" id="promo">
					<div class="page-title title-dashboard">
						<span>QR/Promo Code</span>
					</div>
					<div class="content-dashboard-wrapper">
						<span><button class="btn btn-primary add-new-btn" id="add_promo_form">Add New</button></span>
						<div id="promo_content"></div>
						<div id="editPromo" class="hide">
							<div id="promoSuccess"></div>
							<div class="left-view-wrapper">
								<span>Promo Name</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="strPromoName"/></span>
								<div class="clearfix"></div>
								<span>Promo Description</span>
								<div class="clearfix"></div>
								<span><textarea class="span4" id="strPromoDescription"></textarea></span>
								<div class="clearfix"></div>
								<span>Promo Start Date</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span2" id="datePromoStartDate"/></span>
								<div class="clearfix"></div>
								<span>Promo End Date</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span2" id="datePromoEndDate"/></span>
								<div class="clearfix"></div>
								<span>Promo Code</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span2" id="strPromoCode"/></span>
								<div class="clearfix"></div>
								<span>Promo Points</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span2" id="intPromoPoints"/></span>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="submitPromo">Save Changes</button></span>
							</div>
							<div class="back-btn-promo"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
						<div id="addPromo" class="hide">
							<div id="addPromoSuccess"></div>
							<div id="errorPromo"></div>
							<div class="left-view-wrapper">
								<p><strong>Add record for promo</strong></p>
								<div class="clearfix"></div>
								<span>Promo Name</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="strPromoNameadd"/></span>
								<div class="clearfix"></div>
								<span>Promo Description</span>
								<div class="clearfix"></div>
								<span><textarea class="span4" id="strPromoDescriptionadd"></textarea></span>
								<div class="clearfix"></div>
								<span>Promo Start Date</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span2" id="datePromoStartDateadd"/></span>
								<div class="clearfix"></div>
								<span>Promo End Date</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span2" id="datePromoEndDateadd"/></span>
								<div class="clearfix"></div>
								<span>Promo Code</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span3" id="strPromoCodeadd" readonly/></span>
								<span><button class="btn btn-primary generate-btn" id="generate_qr_code">Generate</button></span>
								<div class="clearfix"></div>
								<span>Promo Points</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span2" id="intPromoPointsadd"/></span>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="submitPromoadd">Add record</button></span>
							</div>
							<div class="back-btn-promoadd"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>
				
				<!-- USERS -->
				
				<div class="jtn-dashboard-users box-bg hide img-rounded nav-control" id="users">
					<div class="page-title title-dashboard">
						<span>Users</span>
					</div>
					<div class="content-dashboard-wrapper">
						<span><button class="btn btn-primary add-new-btn" id="add_user_form">Add New</button></span>
						<div id="users_content"></div>
						<div id="userChecklist" class="hide">
							<div id="user_checklist_content"></div>
							<div class="back-btn-userChecklist"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
						<div id="editUsers" class="hide">
							<div id="userSuccess"></div>
							<div class="left-view-wrapper">
								<div id="user_thumbnail"></div>
								<span class="user_thumbnailLabel">
									<span>Thumbnail</span>
									<span class="clearfix"></span>
									<span>
										<a id="user_fileupload"  class="btn btn-success fileinput-button" title="Upload image"><i class="icon-plus"></i>Browse photo...
											<input type="file" name="files" class="user_fileupload" id="user_input_fileupload"/>
										</a>
										<input type="hidden" id="user_thumbnailLink" />
									</span>
								</span>
								<div class="clearfix"></div>
								<span>Username</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="strUserName"/></span>
								<div class="clearfix"></div>
								<span>Password</span>
								<div class="clearfix"></div>
								<span><input type="password" class="span4" id="strPassword"/></span>
								<div class="clearfix"></div>
								<span>Birthdate</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span2" id="strUserBirthDay"/></span>
								<div class="clearfix"></div>
								<span>E-mail Address</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="strUserEmail"/></span>
								<div class="clearfix"></div>
								<!-- span>User Points</span> 
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="strUserPoint"/></span>
								<div class="clearfix"></div -->
								<span><button class="btn btn-primary" id="submitUser">Save Changes</button></span>
							</div>
							<div class="back-btn-user"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
						<div id="addUsers" class="hide">
							<div id="addUsersSuccess"></div>
							<div id="errorUsers"></div>
							<div class="left-view-wrapper">
								<p><strong>Add record for user client</strong></p>
								<div id="adduser_thumbnail"></div>
								<span class="adduser_thumbnailLabel">
									<span>Thumbnail</span>
									<span class="clearfix"></span>
									<span>
										<a id="adduser_fileupload"  class="btn btn-success fileinput-button" title="Upload image"><i class="icon-plus"></i>Browse photo...
											<input type="file" name="files" class="adduser_fileupload" id="adduser_input_fileupload"/>
										</a>
										<input type="hidden" id="adduser_thumbnailLink" />
									</span>
								</span>
								<div class="clearfix"></div>
								<span>Username</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="addstrUserName"/></span>
								<div class="clearfix"></div>
								<span>Password</span>
								<div class="clearfix"></div>
								<span><input type="password" class="span4" id="addstrPassword"/></span>
								<div class="clearfix"></div>
								<span>Birthdate</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span2" id="addstrUserBirthDay"/></span>
								<div class="clearfix"></div>
								<span>E-mail Address</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="addstrUserEmail"/></span>
								<div class="clearfix"></div>
								<!-- span>User Points</span> 
								<div class="clearfix"></div>
								<span><input type="text" class="span2" id="addstrUserPoint"/></span>
								<div class="clearfix"></div-->
								<span><button class="btn btn-primary" id="addsubmitUser">Save Changes</button></span>
							</div>
							<div class="back-btn-adduser"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>
		
				<!-- USERS ADMIN -->
				
				<div class="jtn-dashboard-usersadmin box-bg hide img-rounded nav-control" id="usersadmin">
					<div class="page-title title-dashboard">
						<span>Admin List</span>
					</div>
					<div class="content-dashboard-wrapper">
						<span><button class="btn btn-primary add-new-btn" id="add_useradmin_form">Add New</button></span>
						<div id="usersadmin_content"></div>
						<div id="editUsersadmin" class="hide">
							<div id="usersadminSuccess"></div>
							<div class="left-view-wrapper">
								<div id="useradmin_thumbnail"></div>
								<span class="useradmin_thumbnailLabel">
									<span>Thumbnail</span>
									<span class="clearfix"></span>
									<span>
										<a id="useradmin_fileupload"  class="btn btn-success fileinput-button" title="Upload image"><i class="icon-plus"></i>Browse photo...
											<input type="file" name="files" class="useradmin_fileupload" id="useradmin_input_fileupload"/>
										</a>
										<input type="hidden" id="useradmin_thumbnailLink" />
									</span>
								</span>
								<div class="clearfix"></div>
								<span>Username</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="strUserNameadmin"/></span>
								<span>Password</span>
								<div class="clearfix"></div>
								<span><input type="password" class="span4" id="strPasswordadmin"/></span>
								<div class="clearfix"></div>
								<span>Birthdate</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span2" id="strUserBirthDayadmin"/></span>
								<div class="clearfix"></div>
								<span>E-mail Address</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="strUserEmailadmin"/></span>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="submitUseradmin">Save Changes</button></span>
							</div>
							<div class="back-btn-useradmin"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
						<div id="addUsersadmin" class="hide">
							<div id="addUsersadminSuccess"></div>
							<div id="errorUsersadmin"></div>
							<div class="left-view-wrapper">
								<p><strong>Add record for user client</strong></p>
								<div id="adduseradmin_thumbnail"></div>
								<span class="adduseradmin_thumbnailLabel">
									<span>Thumbnail</span>
									<span class="clearfix"></span>
									<span>
										<a id="adduseradmin_fileupload"  class="btn btn-success fileinput-button" title="Upload image"><i class="icon-plus"></i>Browse photo...
											<input type="file" name="files" class="adduseradmin_fileupload" id="adduseradmin_input_fileupload"/>
										</a>
										<input type="hidden" id="adduseradmin_thumbnailLink" />
									</span>
								</span>
								<div class="clearfix"></div>
								<span>Username</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="addstrUserNameadmin"/></span>
								<div class="clearfix"></div>
								<span>Password</span>
								<div class="clearfix"></div>
								<span><input type="password" class="span4" id="addstrPasswordadmin"/></span>
								<div class="clearfix"></div>
								<span>Birthdate</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span2" id="addstrUserBirthDayadmin"/></span>
								<div class="clearfix"></div>
								<span>E-mail Address</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="addstrUserEmailadmin"/></span>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="addsubmitUseradmin">Save Changes</button></span>
							</div>
							<div class="back-btn-adduseradmin"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>		
				
				<!-- ADS BANNER -->
				
				<div class="jtn-dashboard-adsbanner box-bg hide img-rounded nav-control" id="adsbanner">
					<div class="page-title title-dashboard">
						<span>Ads Banner</span>
					</div>
					<div class="content-dashboard-wrapper">
						<span><button class="btn btn-primary add-new-btn" id="add_ads_form">Add New</button></span>
						<div id="ads_content"></div>
						<div id="editAds" class="hide">
							<div id="adsSuccess"></div>
							<div class="left-view-wrapper">
								<div id="ads_thumbnail"></div>
								<span class="ads_thumbnailLabel">
									<span>Thumbnail</span>
									<span class="clearfix"></span>
									<span>
										<a id="ads_fileupload" class="btn btn-success fileinput-button" title="Upload image"><i class="icon-plus"></i>Browse photo...
											<input type="file" name="files" class="ads_fileupload" id="ads_input_fileupload"/>
										</a>
										<input type="hidden" id="ads_thumbnailLink" />
									</span>
								</span>
								<div class="clearfix"></div>
								<span>Ads Type</span>
								<div class="clearfix"></div>
								<span>
									<select id="adsType">
										<option value="1">Top Banner(500x100 pixel)</option>
										<option value="2">Right Banner(160x600 pixel)</option>
									</select>
								</span>
								<div class="clearfix"></div>
								<span>Ads Delay(e.g. 1000 = 1 sec.)</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span3" id="adsDelay"/></span>
								<div class="clearfix"></div>
								<span>Ads Order(e.g. 1)</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span3" id="adsOrder"/></span>
								<div class="clearfix"></div>
								<span>Ads Name</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="adsName"/></span>
								<div class="clearfix"></div>
								<span>Ads Link</span> 
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="adsNote" placeholder="http://" /></span>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="submitAds">Save Changes</button></span>
							</div>
							<div class="back-btn-ads"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
						<div id="addAds" class="hide">
							<div id="addadsSuccess"></div>
							<div id="errorAds"></div>
							<div class="left-view-wrapper">
								<p><strong>Add record for Ads</strong></p>
								<span>Thumbnail</span>
								<div id="addAds_thumbnail"></div>
								<span class="ads_thumbnailLabel">
									<span class="clearfix"></span>
									<span>
										<a id="addads_fileupload"  class="btn btn-success fileinput-button" title="Upload image"><i class="icon-plus"></i>Browse photo...
											<input type="file" name="files" class="addads_fileupload" id="addads_input_fileupload"/>
										</a>
										<input type="hidden" id="addads_thumbnailLink" />
									</span>
								</span>
								<div class="clearfix"></div>
								<span>Ads Type</span>
								<div class="clearfix"></div>
								<span>
									<select id="add_adsType">
										<option value="1">Top Banner(500x100 pixel)</option>
										<option value="2">Right Banner(160x600 pixel)</option>
									</select>
								</span>
								<div class="clearfix"></div>
								<span>Ads Delay(e.g. 1000 = 1 sec.)</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span3" id="add_adsDelay"/></span>
								<div class="clearfix"></div>
								<span>Ads Name</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="add_adsName"/></span>
								<div class="clearfix"></div>
								<span>Ads Link</span> 
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="add_adsNote" placeholder="http://"/></span>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="add_addsubmitAds">Add record</button></span>
							</div>
							<div class="back-btn-addads"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>
				
				<!-- CHECKUP LOG -->
				
				<div class="jtn-dashboard-checkuplog box-bg hide img-rounded nav-control" id="checkuplog">
					<div class="page-title title-dashboard">
						<span>Checkup Log</span>
					</div>
					<div class="content-dashboard-wrapper">
						<span><button class="btn btn-primary add-new-btn" id="add_checkuplog_form">Add New</button></span>
						<div id="checkuplog_content"></div>
						<div id="editCheckuplog" class="hide">
							<div id="checkuplogSuccess"></div>
							<div class="left-view-wrapper">
								<span>Title</span>
								<div class="clearfix"></div>
								<span><input type="text" id="strNoteTitle" class="span4" /></span>
								<div class="clearfix"></div>
								<span>Date Note</span>
								<div class="clearfix"></div>
								<span><input type="text" id="dateNoteDate" class="span4" /></span>
								<div class="clearfix"></div>
								<span>Note Content</span> 
								<div class="clearfix"></div>
								<span><textarea class="span4" id="strNotes"></textarea></span>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="submitCheckuplog">Save Changes</button></span>
							</div>
							<div class="back-btn-checkuplog"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
						<div id="addCheckuplog" class="hide">
							<div id="addcheckuplogSuccess"></div>
							<div id="errorCheckuplog"></div>
							<div class="left-view-wrapper">
								<p><strong>Add record for checkuplog</strong></p>
								<span>Title</span>
								<div class="clearfix"></div>
								<span><input type="text" id="addstrNoteTitle" class="span4" /></span>
								<div class="clearfix"></div>
								<span>Date Note</span>
								<div class="clearfix"></div>
								<span><input type="text" id="adddateNoteDate" class="span4" /></span>
								<div class="clearfix"></div>
								<span>Note Content</span> 
								<div class="clearfix"></div>
								<span><textarea class="span4" id="addstrNotes"></textarea></span>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="addsubmitCheckuplog">Add record</button></span>
							</div>
							<div class="back-btn-addcheckuplog"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>
				
				<!-- TRIMESTER GUIDE -->
				
				<div class="jtn-dashboard-trimesterguide box-bg hide img-rounded nav-control" id="trimesterguide">
					<div class="page-title title-dashboard">
						<span>Trimester Guide</span>
					</div>
					<div class="content-dashboard-wrapper">
						<span><button class="btn btn-primary add-new-btn" id="add_trimesterguide_form">Add New</button></span>
						<div id="trimesterguide_content"></div>
						<div id="editTrimesterguide" class="hide">
							<div id="trimesterguideSuccess"></div>
							<div class="left-view-wrapper">
								<div id="trimesterguide_thumbnail"></div>
								<span class="trimesterguide_thumbnailLabel">
									<span>Thumbnail</span>
									<span class="clearfix"></span>
									<span>
										<a id="tri_fileupload"  class="btn btn-success fileinput-button" title="Upload image"><i class="icon-plus"></i>Browse photo...
											<input type="file" name="files" class="tri_fileupload" id="tri_input_fileupload"/>
										</a>
										<input type="hidden" id="trimesterguide_thumbnailLink" />
									</span>
								</span>
								<div class="clearfix"></div>
								<span>Trimester Title</span>
								<div class="clearfix"></div>
								<span><input type="text" id="strTrimesterTitle" class="span4" /></span>
								<div class="clearfix"></div>
								<span>Trimester Note Content</span> 
								<div class="clearfix"></div>
								<span><textarea class="span4" id="strTrimesterNote"></textarea></span>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="submitTrimesterguide">Save Changes</button></span>
							</div>
							<div class="back-btn-trimesterguide"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
						<div id="addTrimesterguide" class="hide">
							<div id="addtrimesterguideSuccess"></div>
							<div id="errorTrimesterguide"></div>
							<div class="left-view-wrapper">
								<p><strong>Add record for trimester guide</strong></p>
								<span>Thumbnail</span>
								<div id="addtrimesterguide_thumbnail"></div>
								<span class="trimesterguide_thumbnailLabel">
									<span class="clearfix"></span>
									<span>
										<a id="addtri_fileupload"  class="btn btn-success fileinput-button" title="Upload image"><i class="icon-plus"></i>Browse photo...
											<input type="file" name="files" class="addtri_fileupload" id="addtri_input_fileupload"/>
										</a>
										<input type="hidden" id="addTrimesterguidestrImgLink" />
									</span>
								</span>
								<div class="clearfix"></div>
								<span>Title</span>
								<div class="clearfix"></div>
								<span><input type="text" id="addTrimesterguidestrNoteTitle" class="span4" /></span>
								<div class="clearfix"></div>
								<span>Note Content</span> 
								<div class="clearfix"></div>
								<span><textarea class="span4" id="addTrimesterguidestrNotes"></textarea></span>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="addsubmitTrimesterguide">Add record</button></span>
							</div>
							<div class="back-btn-addtrimesterguide"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>	
				
				<!-- DIARY -->
				
				<div class="jtn-dashboard-diary box-bg hide img-rounded nav-control" id="diary">
					<div class="page-title title-dashboard">
						<span>Diary</span>
					</div>
					<div class="content-dashboard-wrapper">
						<span><button class="btn btn-primary add-new-btn" id="add_diary_form">Add New</button></span>
						<div id="diary_content"></div>
						<div id="editDiary" class="hide">
							<div id="diarySuccess"></div>
							<div class="left-view-wrapper">
								<div id="diary_thumbnail"></div>
								<span class="diary_thumbnailLabel">
									<span>Thumbnail</span>
									<span class="clearfix"></span>
									<span>
										<a id="fileupload"  class="btn btn-success fileinput-button" title="Upload image"><i class="icon-plus"></i>Browse photo...
											<input type="file" name="files" class="fileupload" id="input_fileupload"/>
										</a>
										<input type="hidden" id="diary_thumbnailLink" />
									</span>
								</span>
								<div class="clearfix"></div>
								<span>Diary Title</span>
								<div class="clearfix"></div>
								<span><input type="text" id="strDiaryTitle" class="span4" /></span>
								<div class="clearfix"></div>
								<span>Diary Note Content</span> 
								<div class="clearfix"></div>
								<span><textarea class="span4" id="strDiaryNotes"></textarea></span>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="submitDiary">Save Changes</button></span>
							</div>
							<div class="back-btn-diary"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
						<div id="addDiary" class="hide">
							<div id="adddiarySuccess"></div>
							<div id="errorDiary"></div>
							<div class="left-view-wrapper">
								<p><strong>Add record for diary</strong></p>
								<span>Thumbnail</span>
								<div id="adddiary_thumbnail"></div>
								<span class="diary_thumbnailLabel">
									<span class="clearfix"></span>
									<span>
										<a id="adddiary_fileupload"  class="btn btn-success fileinput-button" title="Upload image"><i class="icon-plus"></i>Browse photo...
											<input type="file" name="files" class="adddiary_fileupload" id="adddiary_input_fileupload"/>
										</a>
										<input type="hidden" id="addDiarystrImgLink" />
									</span>
								</span>
								<div class="clearfix"></div>
								<span>Diary Title</span>
								<div class="clearfix"></div>
								<span><input type="text" id="adddiarystrNoteTitle" class="span4" /></span>
								<div class="clearfix"></div>
								<span>Diary Note Content</span> 
								<div class="clearfix"></div>
								<span><textarea class="span4" id="adddiarystrNotes"></textarea></span>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="addsubmitdiary">Add record</button></span>
							</div>
							<div class="back-btn-adddiary"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>	
				
				<!-- TIP OF THE DAY -->
				
				<div class="jtn-dashboard-tipoftheday box-bg hide img-rounded nav-control" id="tipoftheday">
					<div class="page-title title-dashboard">
						<span>Tip of the Day</span>
					</div>
					<div class="content-dashboard-wrapper">
						<span><button class="btn btn-primary add-new-btn" id="add_tipoftheday_form">Add New</button></span>
						<div id="tipoftheday_content"></div>
						<div id="editTipoftheday" class="hide">
							<div id="tipofthedaySuccess"></div>
							<div class="left-view-wrapper">
								<div id="tipoftheday_thumbnail"></div>
								<span class="tipoftheday_thumbnailLabel">
									<span>Thumbnail</span>
									<span class="clearfix"></span>
									<span>
										<a id="tipofthedayfileupload"  class="btn btn-success fileinput-button" title="Upload image"><i class="icon-plus"></i>Browse photo...
											<input type="file" name="files" class="tipofthedayfileupload" id="tipoftheday_input_fileupload"/>
										</a>
										<input type="hidden" id="tipoftheday_thumbnailLink" />
									</span>
								</span>
								<div class="clearfix"></div>
								<span>Number of Days</span>
								<div class="clearfix"></div>
								<span><input type="text" id="intNumDays" class="span4" /></span>
								<div class="clearfix"></div>
								<span>Font Size(1-20 pixel)</span>
								<div class="clearfix"></div>
								<span><input type="text" id="intFontSize" class="span4" /></span>
								<div class="clearfix"></div>
								<span>Tip of the day</span>
								<div class="clearfix"></div>
								<span><textarea class="span4" id="strTipNote"></textarea></span>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="submitTipoftheday">Save Changes</button></span>
							</div>
							<div class="back-btn-tipoftheday"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
						<div id="addTipoftheday" class="hide">
							<div id="addtipofthedaySuccess"></div>
							<div id="errorTipoftheday"></div>
							<div class="left-view-wrapper">
								<p><strong>Add record for tip of the day</strong></p>
								<span>Thumbnail</span>
								<div id="addtipoftheday_thumbnail"></div>
								<span class="tipoftheday_thumbnailLabel">
									<span class="clearfix"></span>
									<span>
										<a id="addtipofthedayfileupload"  class="btn btn-success fileinput-button" title="Upload image"><i class="icon-plus"></i>Browse photo...
											<input type="file" name="files" class="addtipofthedayfileupload" id="addtipoftheday_input_fileupload"/>
										</a>
										<input type="hidden" id="addtipoftheday_thumbnailLink" />
									</span>
								</span>
								<div class="clearfix"></div>
								<span>Font Size</span>
								<div class="clearfix"></div>
								<span><input type="text" id="addintFontSize" class="span4" /></span>
								<div class="clearfix"></div>
								<span>Tip Note Content</span> 
								<div class="clearfix"></div>
								<span><textarea class="span4" id="addtipofthedaystrNotes"></textarea></span>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="addsubmitTipoftheday">Add record</button></span>
							</div>
							<div class="back-btn-addtipoftheday"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>
				
				<!-- CHECKLIST -->
				
				<div class="jtn-dashboard-checklist box-bg hide img-rounded nav-control" id="checklist">
					<div class="page-title title-dashboard">
						<span>Check List</span>
					</div>
					<div class="content-dashboard-wrapper">
						<span><button class="btn btn-primary add-new-btn" id="add_checklist_form">Add New</button></span>
						<div id="checklist_content"></div>
						<div id="editChecklist" class="hide">
							<div id="checklistSuccess"></div>
							<div class="left-view-wrapper">
								<div id="checklist_thumbnail"></div>
								<span class="checklist_thumbnailLabel">
									<span>Thumbnail</span>
									<span class="clearfix"></span>
									<span>
										<a id="checklistfileupload"  class="btn btn-success fileinput-button" title="Upload image"><i class="icon-plus"></i>Browse photo...
											<input type="file" name="files" class="checklistfileupload" id="checklist_input_fileupload"/>
										</a>
										<input type="hidden" id="checklist_thumbnailLink" />
									</span>
								</span>
								<div class="clearfix"></div>
								<span>Checklist Title</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="checkliststrTitle" /></span>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="submitChecklist">Save Changes</button></span>
							</div>
							<div class="back-btn-checklist"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
						<div id="addChecklist" class="hide">
							<div id="addchecklistSuccess"></div>
							<div class="left-view-wrapper">
								<p><strong>Add record for checklist</strong></p>
								<span>Thumbnail</span>
								<div id="addchecklist_thumbnail"></div>
								<span class="addchecklist_thumbnailLabel">
									<span class="clearfix"></span>
									<span>
										<a id="addchecklistfileupload"  class="btn btn-success fileinput-button" title="Upload image"><i class="icon-plus"></i>Browse photo...
											<input type="file" name="files" class="addchecklistfileupload" id="addchecklist_input_fileupload"/>
										</a>
										<input type="hidden" id="addchecklist_thumbnailLink" />
									</span>
								</span>
								<div class="clearfix"></div>
								<span>Checklist Title</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="addcheckliststrTitle" /></span>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="addsubmitChecklist">Add record</button></span>
							</div>
							<div class="back-btn-addchecklist"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>	
				
				<!-- TOP USER -->
				
				<div class="jtn-dashboard-topuser box-bg hide img-rounded nav-control" id="topuser">
					<div class="page-title title-dashboard">
						<span>Top User</span>
					</div>
					<div class="content-dashboard-wrapper">
						<div id="topuser_content"></div>
					</div>
				</div>	
				<div class="jtn-dashboard-obgynedirectory box-bg hide img-rounded nav-control" id="obgynedirectory">
					<div class="page-title title-dashboard">
						<span>OB-gyne Directory</span>
					</div>
					<div class="content-dashboard-wrapper">
						<span><button class="btn btn-primary add-new-btn" id="add_obdir_form">Add New</button></span>
						<div id="obgyne_dir_content"></div>
						<div id="editObDir" class="hide">
							<div id="ObDirSuccess"></div>
							<div class="left-view-wrapper">
								<div class="clearfix"></div>
								<span>OBgyne Salutaion</span>
								<div class="clearfix"></div>
									<select id="editstrSalutation" class="span1">
										<option value="Dr.">Dr.</option>
										<option value="Mr.">Mr.</option>
										<option value="Mrs.">Mrs.</option>
										<option value="Ms.">Ms.</option>
									</select>
								<div class="clearfix"></div>
								<span>OBgyne Name</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="strObDirName" /></span>
								<div class="clearfix"></div>
								<span>OBgyne Location</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="strObDirLocation" /></span>
								<div class="clearfix"></div>
								<span>Days</span>
								<div class="clearfix"></div>
								<span><input type="hidden" class="span4" id="dayVal" /></span>
								<span><input type="hidden" class="span4" id="ampmVal1" /></span>
								<span><input type="hidden" class="span4" id="ampmVal2" /></span>
								<span><input type="hidden" class="span4" id="timeVal1" /></span>
								<span><input type="hidden" class="span4" id="timeVal2" /></span>
								<span><i id="strObDirDays"></i></span>
								<div class="clearfix"></div>
								<span>Time</span>
								<div class="clearfix"></div>
								<ul>
									<li>
									<select id="strObDirTime1" class="span1">
										<option value="1">1</option>
										<option value="2">2</option>
										<option value="3">3</option>
										<option value="4">4</option>
										<option value="5">5</option>
										<option value="6">6</option>
										<option value="7">7</option>
										<option value="8">8</option>
										<option value="9">9</option>
										<option value="10">10</option>
										<option value="11">11</option>
										<option value="12">12</option>
									</select>
									</li>
									<li>
										<input type="radio" name="ampm1" class="radioVal1" id="am1" value="am"><label for="am1" class="am1L">am</label>
									</li>
									<li>
										<input type="radio" name="ampm1" class="radioVal1" id="pm1" value="pm"><label for="pm1" class="pm1L">pm</label>
									</li>
									<li style="width:50px;text-align:center">to</li>
									<li>
									<select id="strObDirTime2" class="span1">
										<option value="1">1</option>
										<option value="2">2</option>
										<option value="3">3</option>
										<option value="4">4</option>
										<option value="5">5</option>
										<option value="6">6</option>
										<option value="7">7</option>
										<option value="8">8</option>
										<option value="9">9</option>
										<option value="10">10</option>
										<option value="11">11</option>
										<option value="12">12</option>
									</select>
									</li>
									<li>
										<input type="radio" name="ampm2" class="radioVal2" id="am2" value="am"><label for="am2" class="am2L">am</label>
									</li>
									<li>
										<input type="radio" name="ampm2" class="radioVal2" id="pm2" value="pm"><label for="pm2" class="pm2L">pm</label>
									</li>
								</ul>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="submitObDir">Save Changes</button></span>
							</div>
							<div class="back-btn-obdir"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
						<div id="addObDir" class="hide">
							<div id="addObDirSuccess"></div>
							<div id="errorObDir"></div>
							<div class="left-view-wrapper">
								<div class="clearfix"></div>
								<span>OBgyne Salutaion</span>
								<div class="clearfix"></div>
									<select id="addstrSalutation" class="span1">
										<option value="Dr.">Dr.</option>
										<option value="Mr.">Mr.</option>
										<option value="Mrs.">Mrs.</option>
										<option value="Ms.">Ms.</option>
									</select>
								<div class="clearfix"></div>
								<span>OBgyne Name</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="addstrObDirName" /></span>
								<div class="clearfix"></div>
								<span>OBgyne Location</span>
								<div class="clearfix"></div>
								<span><input type="text" class="span4" id="addstrObDirLocation" /></span>
								<div class="clearfix"></div>
								<span>Days</span>
								<div class="clearfix"></div>
								<span><input type="hidden" class="span4" id="adddayVal" /></span>
								<span><input type="hidden" class="span4" id="addampmVal1" /></span>
								<span><input type="hidden" class="span4" id="addampmVal2" /></span>
								<span><input type="hidden" class="span4" id="addtimeVal1" /></span>
								<span><input type="hidden" class="span4" id="addtimeVal2" /></span>
								<span><i id="addstrObDirDays"></i></span>
								<div class="clearfix"></div>
								<span>Time</span>
								<div class="clearfix"></div>
								<ul>
									<li>
									<select id="addstrObDirTime1" class="span1">
										<option value="1">1</option>
										<option value="2">2</option>
										<option value="3">3</option>
										<option value="4">4</option>
										<option value="5">5</option>
										<option value="6">6</option>
										<option value="7">7</option>
										<option value="8">8</option>
										<option value="9">9</option>
										<option value="10">10</option>
										<option value="11">11</option>
										<option value="12">12</option>
									</select>
									</li>
									<li>
										<input type="radio" name="ampm1" class="addradioVal1" id="addam1" value="am"><label for="addam1" class="am1L">am</label>
									</li>
									<li>
										<input type="radio" name="ampm1" class="addradioVal1" id="addpm1" value="pm"><label for="addpm1" class="pm1L">pm</label>
									</li>
									<li style="width:50px;text-align:center">to</li>
									<li>
									<select id="addstrObDirTime2" class="span1">
										<option value="1">1</option>
										<option value="2">2</option>
										<option value="3">3</option>
										<option value="4">4</option>
										<option value="5">5</option>
										<option value="6">6</option>
										<option value="7">7</option>
										<option value="8">8</option>
										<option value="9">9</option>
										<option value="10">10</option>
										<option value="11">11</option>
										<option value="12">12</option>
									</select>
									</li>
									<li>
										<input type="radio" name="ampm2" class="addradioVal2" id="addam2" value="am"><label for="addam2" class="am2L">am</label>
									</li>
									<li>
										<input type="radio" name="ampm2" class="addradioVal2" id="addpm2" value="pm"><label for="addpm2" class="pm2L">pm</label>
									</li>
								</ul>
								<div class="clearfix"></div>
								<span><button class="btn btn-primary" id="addsubmitObDir">Add record</button></span>
							</div>
							<div class="back-btn-addobdir"><a><i class="icon-backward"></i>Back</a></div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>			
			</div>	
		</div>
	</div>
</div>
<div id="box-wrapper-message"></div>

		<!-- Modal -->
		<div id="deleteModal" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&#120;</button>
				<h5 id="myModalLabel">Delete &raquo; <span id="label-delete"></span></h5>
			</div>
			<div class="modal-body">
				<p>Are you sure that you want to continue?</p>
			</div>
			<div class="modal-footer">
				<button id="confirm" class="btn btn-primary">Yes</button>
				<button id="cancel" class="btn" data-dismiss="modal" aria-hidden="true">No, leave</button>
			</div>
		</div>
		<!-- Modal -->